<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.rtl.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css" rel="stylesheet" /> 
<link rel="stylesheet" type="text/css" href="../../js/bootstrap/css/fam-icons.css" media="screen" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<script type="text/javascript" src="../../js/CargaElementos/Elementos.js"></script>
<script type="text/javascript" src="../../js/CargaElementos/CargaCatalogos.js"></script>
<script type="text/javascript" src="../../js/Validaciones/Validaciones.js"></script>
<script type="text/javascript" src="../../js/Ldap/LdapUser.js"></script>
<script type="text/javascript" src="../../js/ObjetoAjax/ObjetoAjax.js"></script>
<script type="text/javascript" src="../../js/qTip/MensajesToolTip.js"></script>
<script type="text/javascript" src="../../js/qTip/jquery.qtip-1.0.0-rc3.js"></script>
<script type="text/javascript" src="../../js/CargaElementos/CargaToolTip.js"></script>
<script type="text/javascript" src="../../js/Operaciones/OpUsuario.js"></script>  
<script type="text/javascript" src="../../js/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../../js/Animacion/jquery.lazylinepainter-1.4.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<link rel="stylesheet" type="text/css" href="../../css/EstilosGenerales.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../js/bootstrap/css/bootstrap.css" media="screen" />

<title>Registro</title>

</head>
<body>
 <div class="cuerpo_interno">
   <div class="row-fluid">
	 <div class="span10">
		<div id="marco">
			<table class="table  table-hover">
			   <tr>
			    <td colspan="6">
			     <div  class="centrado">
			      <h4> Crear Usuario </h4>
			     </div>
			    </td> 
			   </tr>
				<tr>
				    <td><label class="labelForm">Usuario:</label></td>
					<td><div class="controls">
				     <div class="input-prepend">
					 <span class="add-on"><i class="fam-user-suit"></i></span><input type="text" class="span10" maxlength="20" id="user"
						onblur="verificarUsuario(2,this)" autofocus="autofocus" onfocus="disabledCheck()"/><br /> 
					 </div>
					 </div>	
					</td>
					<td id="iduser" class="tdDefault"></td>
				    <td><label class="labelForm">E-mail: </label></td>
					<td><div class="controls">
				     <div class="input-prepend">
					 <span class="add-on"><i class="fam-email"></i></span><input type="email" id="email" name="Email" class="span10"
						placeholder="name@ejemplo.com" onblur="validaCampoVacio(this)" 
						onfocus="disabledCheck()"/>
					  </div>
					  </div>	
					</td>
					<td id="idemail" class="tdDefault"></td>
				</tr>
				<tr>
					<td><label class="labelForm">Password:</label></td>
					<td><div class="controls">
				     <div class="input-prepend">
					 <span class="add-on"><i class="fam-lock"></i></span><input type="password" class="span10" id="pass"
						maxlength="20" onblur="validaCampoVacio(this)" onfocus="disabledCheck()"/><br />
					  </div>
					  </div>
					 </td>
					<td id="idpass" class="tdDefault"></td>
					<td><label class="labelForm">Confirmar Password:</label></td>
					<td><div class="controls">
				     <div class="input-prepend">
					 <span class="add-on"><i class="fam-lock-add"></i></span><input type="password" class="span10" maxlength="20"
						id="pass2" onblur="comparaContenidoCampos()" onfocus="disabledCheck()"><br />
					   </div>
					   </div>
					  </td>
					<td id="idpass2" class="tdDefault"></td>
				</tr>
				<tr>
					<td><label class="labelForm">Nombre:</label></td>
					<td><div class="controls">
				     <div class="input-prepend">
					 <span class="add-on"><i class="fam-user"></i></span><input type="text" class="span10" maxlength="50"
						id="nombre" onblur="validaCampoVacio(this)"
						onkeyup="convertirMayusculas(this)" onfocus="disabledCheck()"/><br />
						 </div>
					     </div>
					    </td>
					<td id="idnombre" class="tdDefault"></td>
					
					<td><label class="labelForm">Apellido Paterno:</label></td>
					<td><div class="controls">
				     <div class="input-prepend">
					 <span class="add-on"><i class="fam-user-edit"></i></span><input type="text" class="span10" maxlength="50"
						id="apPaterno" onblur="validaCampoVacio(this)"
						onkeyup="convertirMayusculas(this)" onfocus="disabledCheck()"/><br />
						  </div>
						  </div>						
						 </td>
					<td id="idapPaterno" class="tdDefault"></td>
				</tr>
				<tr>
					<td><label class="labelForm">Apellido Materno:</label></td>
					<td><div class="controls">
				     <div class="input-prepend">
					 <span class="add-on"><i class="fam-user-edit"></i></span><input type="text" class="span10" maxlength="50"
						id="apMaterno" onblur="validaCampoVacio(this)"
						onkeyup="convertirMayusculas(this)" onfocus="disabledCheck()"/><br />
						   </div>
						   </div>
						  </td>
					<td id="idapMaterno" class="tdDefault"></td>
				<td><label class="labelForm">Fecha de Nacimiento: </label></td>
				  <td>
					<div style="margin-top: 0px;">
					<input id="fechaNacimiento" value="05/05/2013" style="width: 150px;" />
					</div>
				  </td>
			    <td id="idfechaNacimiento" class="tdDefault"></td>
				</tr>
				<tr>
					<td><label class="labelForm">Rol: </label></td>
					<td><input class="span12"  id="rol" placeholder="Selecione Rol..." /></td>
					<td id="idRol" class="tdDefault"></td>
					
					<td><label class="labelForm">Sexo: </label></td>
					<td><input class="span12" id="genero" placeholder="Selecione Genero..." /></td>
					<td id="idgenero" class="tdDefault"></td>		
				</tr>
				  <tr>
					 <td colspan="3">
					   <label class="checkbox"> 
					    <input type="checkbox" id="chekAcepto" onchange="validarFormulario(this)"> Acepto el Aviso de Privacidad
					   </label>
					 </td>
					 <td colspan="3">
						<button id="btnguardarUsuario" class="btn btn-primary" type="submit" disabled="disabled">Registrar</button>
				     </td>	
				 </tr>
				<tr>
					<td id="mensajeUsuario" colspan="3"></td>
				</tr>
			</table>
		</div>
	   </div>
	   <div id="idAnimacion" class="span2">
	    <div  class="class=row-fluid">
	       <div id="idLine">
	        
	       </div>
	    </div>
	   </div>
	</div>
  </div>
</body>
</html>